﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="writtenhelp.aspx.cs" Inherits="writtenhelp" %>

<!doctype html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <!-- viewport 控制手机全屏 -->
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="description" id="description1" content="1">
  <meta name="renderer" content="webkit">
  <meta name="format-detection" content="telephone=no">
  <title>ask now</title>
  <link href="css/main.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css">
   
</head>
<body>

<div class="task-notice" style="display:none;">
  <div class="til"><span>Offline Task Notice</span></div>
  <ul>
    <li class="line1">
      <div>
        <p class="font18">Set your payment method</p>
        <p>Link your card information (similar to Ebay)</p>
        <p>Note: AskiNow will <span class="blue14">NOT charge</span> you any money at this stage.</p>
      </div>
    </li>
    <li class="line4">
      <div>
        <p class="font18">Transaction safety</p>
        <p>Your money will be stored in a secure <span class="blue14">third party account</span>.</p>
        <p>You can rest assured that it is all in good hands.</p>
      </div>
    </li>
    <li class="line3">
      <div>
        <p class="font18">Satisfaction guarantee</p>
        <p>The cost will be charged <span class="blue14">ONLY AFTER</span> the task is completed.</p>
        <p>If you are not satisfied, you can make a complaint to our customer service.</p>
      </div>
    </li>
  </ul>
  <div class="continue" onclick="$('.task-notice').hide();$('.layers').show();">I see, continue</div>
</div>

<div class="layers" style="display:none;">
  <img src="/images/siginbj3.jpg" alt="" onclick="parent.layer.closeAll();"/>

<div class="asknowbox">
  <div class="asknowtil">
    <div class="person_image4">
      <div class="hexagon hexagon1">
        <div class="hexagon-in1">
          <div class="hexagon-in2" >
            <img src="<%=upic%>" alt="" />
          </div>
        </div>
      </div>
    </div>

    <!---asknowimg--->
    <div class="asknowtext">
      <h2><%=realname%></h2>

      <p><%=descr%></p>

      <p><%=eduinfo%></p>
    </div>
    <!---asknowtext--->
    <div class="asknowtilright">
      <%if (dtcom.Rows[0]["c"].ToString() != "0")
      { %>
      <div class="asknowtilrightimg">
        <img src="images/asknow_stars<%=dtcom.Rows[0]["s"].ToString() %>.jpg" alt=""/>
      </div>
      <!---asknowtilrightimg--->
      <p><%=dtcom.Rows[0]["c"].ToString()%></p>
      <%}else{ %>
      <p>No comments</p>
      <%} %>
    </div>
    <!---asknowtilright--->
  </div>
  <!---asknowtil--->

  <div class="asknowcont">
    <div class="writtenhelptil2">
      Offline task<input type="hidden" class="inpt" value="<%=userid %>" style="display:none;" id="teacherid"/>
    </div>
    <!---asknowtil2--->
    <div class="asknowcontbox">
      <div class="asknowtil3">
        Subject
      </div>
      <!---asknowtil3--->
      <ul>
        <input type="text" style="display:none" id="asknowmark">
        <%if(dtsubject.Rows.Count>0){
        for(int i=0;i
        <dtsubject.Rows.Count
        ;i++){%>
        <li>
          <div class="asknowmark1" id=<%=dtsubject.Rows[i]["id"]%> >
          </div>
          <!---asknowmark1--->
          <div class="writtenhelptext2">
            <p><%=dtsubject.Rows[i]["name"]%></p>
          </div>
          <!---asknowtext2--->
          <div class="writtenhelptext3">
            <p>&pound;<span class='npricetemp' contenteditable="true" style="border-bottom: 1px solid #f3f3f3;"><%=dtsubject.Rows[i]["nprice"]%></span><span>/Once</span>
            </p>
          </div>
          <!---asknowtext3--->
          <div class="writtenhelptext4">
            <div class="deadline">
              <img src="images/arrow_03.png" alt=""/>
              <input type="text" placeholder="deadline" name="deadline"
                     onfocus="WdatePicker({lang:'en',dateFmt:'yyyy/MM/dd HH:mm:ss',skin:'twoer',minDate:'%y-%M-%d'})" readonly class="dp"/>
            </div>
            <!---deadline1--->

          </div>
        </li>
        <%}}%>

        <li style="height:28px;">
          <div class="asknowmark2">
          <p>Set a customised corse here</p>
          </div>
          <!---asknowmark2--->
          <div class="writtenhelptext2" id="asknowersig1">
            <p>Other</p>
            <input type="text" class="inpt" placeholder="Other" value="" style="display:none;" id="tempsubinfo" />
          </div>
          <!---asknowtext2--->

          <div class="writtenhelptext3" style="display:none">
            <p>&pound;<span class='npricetemp' id='tempprice' contenteditable="true"
                      style="border-bottom: 1px solid #f3f3f3;">Price</span><span>/Once</span></p>
          </div>
          <!---asknowtext3--->

          <div class="writtenhelptext4" style="display:none">
            <div class="deadline">
              <img src="images/arrow_03.png" alt=""/>
              <input id=deadlineother type="text" placeholder="deadline" onfocus="WdatePicker({lang:'en',dateFmt:'yyyy/MM/dd HH:mm:ss',skin:'twoer'})" readonly readonly class="dp"/>
            </div>
            <!---deadline1--->

          </div>
        </li>
      </ul>
    </div>
    <!---asknowcontbox--->
  </div>
  <!---asknowcont--->
  <div class="firstTask">
    <div class="offlineTaskFirst">Choose a subject offered by the tutor. <br>
      You will be charged a <span>lumpsum</span> fee. <br>
      You can also customise the subject and fee by choosing "<span>Others</span>".
    </div>
  </div>
  <input type="button" value="Confirm" onClick="confirm1()" class="asknowinput1"/>
  
  <input type="button" value="Cancel" onClick="parent.closelayer();" class="asknowinput2"/>
</div>
<!---asknowbox--->

<div class="asknowbox2" style=display:none>
  <div class="asknowtil">
    <div class="person_image4">
      <div class="hexagon hexagon1">
        <div class="hexagon-in1">
          <div class="hexagon-in2" >
            <img src="<%=upic%>" alt="" />
          </div>
        </div>
      </div>
    </div>
    <!---asknowimg--->
    <div class="asknowtext">
      <h2><%=realname%></h2>

      <p><%=descr%></p>

      <p><%=eduinfo%></p>
    </div>
    <!---asknowtext--->
    <div class="asknowtilright">
      <%if (dtcom.Rows[0]["c"].ToString() != "0")
      { %>
      <div class="asknowtilrightimg">
        <img src="images/asknow_stars<%=dtcom.Rows[0]["s"].ToString() %>.jpg" alt=""/>
      </div>
      <!---asknowtilrightimg--->
      <p><%=dtcom.Rows[0]["c"].ToString()%></p>
      <%}else{ %>
      <p>No comments</p>
      <%} %>
    </div>
    <!---asknowtilright--->
  </div>
  <!---asknowtil--->

  <div class="asknowcont" id="writtenLeaverMsg" >
    <div class="writtenhelptil2">
      Offline task<input type="hidden" class="inpt" value="<%=userid %>" style="display:none;" id="teacherid"/>
    </div>
    <!---asknowtil2--->
    <div class="asknowcontbox">
      <div class="leavemsg">
        <textarea placeholder="Leave a message to the tutor detailing your needs." id=leavemsgcontent></textarea>
        <div>
          <form>
            <img src="images/attachment.png" alt=""/>
            <input type=file  id="FileUpload"   name="FileUpload"   onchange="uploadfiles()"  />
            <span id=fileuploadinfo>Attachment</span>
            <input type=hidden name=filevalues id=filevalues value="" />
           
          </form>
        </div>
      </div>
    </div>
    <!---asknowcontbox--->
  </div>
  <!---asknowcont--->
  
  <input type="button" value="Confirm" onClick="confirm1_1()" class="asknowinput1"/>

  <input type="button" value="Back" onClick="backcon0()" class="asknowinput2"/>
</div>
<!---asknowbox--->

<div class="paymentbox">
  <div class="paymentcont">
    <div class="paymenttil">
      <img src="images/paymentbj1.png" style="float:left; margin-right: 10px;"/>

      <p>Payment Information</p>
    </div>
    <p style="color: #333; margin-top: 10px;">AskiNow will collect your bank information at your first-time using.</p>
    <p>We use a third party service provider, <a href="https://stripe.com/" target="_blank" style="color:#00a6ce;">Stripe</a>, to ensure an efficient and safe transaction experience for you. </p>
    <!---paymenttil--->
    <form class="form-inline" action="" method="POST" id="payment-form">
      <!--<input type="text" value="" placeholder="Email" class="paymentinput1" id=email />-->
    <div class="paytil">
      <img src="images/payment01.png" alt="">Please enter your card number
    </div>
    <input type="text" value="" class="paymentinput paymentinput1"  placeholder="CardNo" id=cardno data-stripe="number"/>
    <div style="position: relative;">
      <div class="expiration-data">
        <div class="paytil">
          <img src="images/payment02.png" alt="">Expiration Date
        </div>
        <div class="divselect" style="display: inline-block">
          <input type="text" placeholder="MM" id="mm" data-stripe="exp-month" class="inputselect" onclick="downlist(this)" readonly style="width: 50px;"/> <br/>
          <ul style="width:95px;" id="mmList">

          </ul>
        </div>
        <div class="divselect" style="display: inline-block">
          <input type="text" placeholder="YYYY" id="yyyy" data-stripe="exp-year" class="inputselect" onclick="downlist(this)" readonly style="width: 50px;"/> <br/>
          <ul style="width:95px;" id="yyyyList">

          </ul>
        </div>
      </div>
      <div class="card-verification">
        <div class="paytil">
          <img src="images/payment03.png" alt="">Card Verification <img src="images/payment04.png" alt="" class="sampleInfo"> <br/>
          <input type="text" value="" placeholder="CVC" class="paymentinput3" id="cvv" data-stripe="cvc">
          <div class="sampleInfoDiv"><img src="/images/cardSimple.jpg" alt=""></div>
        </div>
      </div>
    </div>

    </form>
    <!--<input type="button" value="Back" onClick="backcon1()" class="asknowinput1" style="float: left;"/>-->
    <input type="button" value="Confirm" onClick="confirm2()" class="asknowinput1" style="margin-right:0; color:#fff; border:0; background-color:#00a6ce;"/>

    <p style="padding-top: 20px;">AskiNow will not charge you anything before an Online lesson or Offline task takes place. Please do no hesitate to contact us at <a href="mailto:contact@askinow.com" style="color: #00a6ce;">contact@askinow.com</a> if there is any issue, we will resolve it for you within 3 working days.</p>
    <!---paymenttext--->
    <img src="/images/cards.png" alt="" class="cards">
    <a href="https://stripe.com/" target="_blank"><input type=image src=/images/stripe.png class="cashconfirm1" style="margin-top: 27px;"/></a>

    <!-- <input type="button" value="Cancel" onClick="parent.closelayer();" class="asknowinput2" />-->
    <img src="/images/payment05.png" alt="">
  </div>
  <!---paymentcont--->
</div>
<!---paymentbox--->

<div class="asknowsubjectbox">
  <div class="asknowtil">
    <div class="person_image4">
      <div class="hexagon hexagon1">
        <div class="hexagon-in1">
          <div class="hexagon-in2" >
            <img src="<%=upic%>" alt="" />
          </div>
        </div>
      </div>
    </div>
    <!---asknowimg--->
    <div class="asknowtext">
      <h2><%=realname%></h2>

      <p><%=descr%></p>
      <!--<p><%=descr%></p>-->
    </div>
    <!---asknowtext--->
    <div class="asknowtilright">
      <%if (dtcom.Rows[0]["c"].ToString() != "0")
      { %>
      <div class="asknowtilrightimg">
        <img src="images/asknow_stars<%=dtcom.Rows[0]["s"].ToString() %>.jpg" alt=""/>
      </div>
      <!---asknowtilrightimg--->
      <p><%=dtcom.Rows[0]["c"].ToString()%></p>
      <%}else{ %>
      <p>No comments</p>
      <%} %>
    </div>
    <!---asknowtilright--->
  </div>
  <!---asknowtil--->

  <div class="asknowsubjectcont">
    <div class="writtenhelptil2">
      Offline task<input type="hidden" class="inpt" value="<%=userid %>" style="display:none;" id="Hidden1"/>
    </div>

    <div class="asknowsubjecttext" id="thirdcard">

    </div>
    <!---asknowsubjecttext--->
  </div>
  <!---asknowsubjectcont--->
  <input type="button" value="Confirm" onClick="confirm3()" class="asknowinput1"/>
  <input type="button" value="Back" onClick="backcon3();" class="asknowinput2"/>

  <div class="asknowsubjectprice">
    <!--<p id=npriceinfo><span>/h</span></p>-->
  </div>
  <!---asknowsubjectprice--->
</div>
<!---asknowsubjectbox--->
</div>

<!---asknowendbox--->
<div class="waiting"></div>
</body>
 

<!--#include file="incfiles/globalJscript.aspx"-->   
<!--#include file="incfiles/SimpleJscript.aspx"-->   
<script type="text/javascript" src="/js/app/writtenhelp.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
</html>
